/* reset based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul { list-style-type:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
:focus { outline:0; }

/* fonts */
@font-face {
    font-family: 'GothamHTFBookCondensed';
    src: url('fonts/gothamhtf-bookcondensed-webfont.eot');
    src: url('fonts/gothamhtf-bookcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-bookcondensed-webfont.woff') format('woff'),
         url('fonts/gothamhtf-bookcondensed-webfont.ttf') format('truetype'),
         url('fonts/gothamhtf-bookcondensed-webfont.svg#GothamHTFBookCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamHTFMediumCondensed';
    src: url('fonts/gothamhtf-mediumcondensed-webfont.eot');
    src: url('fonts/gothamhtf-mediumcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-mediumcondensed-webfont.woff') format('woff'),
         url('fonts/gothamhtf-mediumcondensed-webfont.ttf') format('truetype'),
         url('fonts/gothamhtf-mediumcondensed-webfont.svg#GothamHTFMediumCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

.book { font-family:GothamHTFBookCondensed, Helvetica, Arial, sans-serif !important; }
.medium { font-family:GothamHTFMediumCondensed, Helvetica, Arial, sans-serif; }




/* basic rules */
body { font:14px/20px Georgia,serif; color:#787878; line-height:1; }
h1 { font-size:36px; }
h2 { font-size:30px; }
h3 { font-size:26px; }
h4 { font-size:20px; }
h5 { font-size:16px; }
h6 { font-size:12px; }
h1,h2,h3,h4,h5,h6 { font-family:GothamHTFBookCondensed, Helvetica, Arial, sans-serif; color:#434343; margin-bottom:15px; font-weight:normal; }
p { margin-bottom:15px; }
a { color:#126173; text-decoration:none; }
a:hover { color:#c22d0f; }
abbr,acronym { border-bottom-width:0; }
strong { font-weight:bold; }
em { font-style:italic; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
input[type=text],textarea { border:none; border:solid 1px #d9d5d4; background:#fff; }

/* clearfix */
.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* structure */
.section { margin:0 auto; width:960px; }
#page { background:url(images/bg_head.gif) repeat-x; }
#header { position:relative; height:249px; }
.hp { height:200px!important; }
#top { position:relative; }
#logo { margin-top:50px; }
#banner { position:absolute; top:67px; right:0; }
#nav { margin-top:60px; }
#main-wrap { background:url(images/bg_main.png); }
#main { width:960px; margin:0 auto; background:url(images/bg_m.gif) repeat-y; padding:30px 0; }
#content { float:left; width:610px; }
#sidebar { float:right; width:300px; margin-right:2px; }

/* top */
.home { float:left; }
#top a { font-size:23px; color:#fff; text-transform:uppercase; text-shadow:1px 1px #415b60; display:inline-block; }
#top ul { position:absolute; top:9px; right:0; }
#top li { float:left; margin-left:15px; }
#top .home { background:url(images/icon_home.png) no-repeat 0 2px; padding-left:25px; margin-top:9px; }

/* top banner */
#banner img { display:block; -moz-box-shadow:0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.2); box-shadow:0 0 3px rgba(0,0,0,0.2); }

/* nav */
#nav li { float:left; margin-right:15px; }
#nav li a { display:block; padding:5px 10px; font:normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#bcd8db; background:#5e7f87; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#nav li a:hover { background:#27434a; color:#d2e2e6; }

/* content styles */
.alignleft { float:left; margin:5px 20px 15px 0; }
.alignright { float:right; margin:5px 0 15px 20px; }
#content p { line-height:1.6; }
#content img { display:block; padding:6px; background:#fff; -moz-box-shadow:0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.2); box-shadow:0 0 3px rgba(0,0,0,0.2); }
#content ol,#content ul { margin-bottom:25px; }
#content ol li { list-style:inside disc; margin-bottom:5px; }
#content ul li { list-style:inside square; margin-bottom:5px; }
#content table { width:100%; margin-bottom:25px; border-top:solid 1px #dfdfdf; border-left:solid 1px #dfdfdf; }
#content th { font:normal 21px GothamHTFBookCondensed, Helvetica, Arial, sans-serif; color:#6a6969; background:#ebebeb; padding:5px 0; border-right:solid 1px #dbd9d9; border-left:solid 1px #fff; }
#content td { padding:8px; text-align:center; font-size:12px; background:#f8f8f8; border-bottom:solid 1px #dbd9d9; border-top:solid 1px #fff; border-right:solid 1px #dbd9d9; border-left:solid 1px #fff; }
#content form { margin-bottom:25px; }
#content label { display:block; }

/** Phil added **/
#content input[type=text] { padding:8px; width:180px; }
#content input[type=password] { padding:8px; width:180px; }

#content textarea { width:400px; height:160px; }
#content .half { float:left; margin-right:20px; }
#content .action,#sidebar .action { background:#73949b; font-size:23px; color:#fff; border:none; padding:5px 10px; cursor:pointer; text-transform:uppercase; }
#content .action:hover,#sidebar .action:hover { background:#c22d0f; }

/* sidebar */
.sideblock { margin:0 20px; background:url(images/bg_div.gif) repeat-x bottom; padding-bottom:25px; margin-bottom:25px; }
.sideblock h4 { font:normal 23px GothamHTFBookCondensed, Helvetica, Arial, sans-serif; color:#61737f; }
.sideblock h5 { color:#949a9e; text-transform:uppercase; text-shadow:1px 0 0 #fff; }
.sideblock h6 { color:#949a9e; text-transform:uppercase; text-shadow:1px 0 0 #fff; margin-top:20px; }
.sideblock p { line-height:1.4; margin-bottom:0; }
.sideblock ul { list-style:inside disc; }
.sideblock ul li { line-height:1.5; }
.sideblock img { display:block; padding:2px; margin-bottom:10px; background:#fff; -moz-box-shadow:0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.2); box-shadow:0 0 3px rgba(0,0,0,0.2); }
.sideblock .set { margin-bottom:20px; }
.sideblock .last { margin-bottom:0; }
.sideblock form p { margin-bottom:10px; }
.sideblock label { display:block; }
.sideblock .radios label { display:inline; }
.sideblock input[type=text],.sideblock select { width:220px; padding:8px; background:#f2f2f2; }
.sideblock select { border:solid 1px #d9d5d4; width:237px; }
.sideblock .action { margin-top:10px; }

/* footer */
#footer-wrap { background:url(images/bg_footer.gif); padding:25px 0; }
.footerblock { width:250px; float:left; font-size:12px; color:#cee5e9; line-height:1.4; text-shadow:1px 1px rgba(0,0,0,0.1); font-family:'Droid Sans', sans-serif; }
.footerblock h5 { font-size:36px; color:#86c1c5; text-shadow:1px 1px rgba(0,0,0,0.2); }
.footerblock li { background:url(images/fdiv.gif) repeat-x bottom; padding-bottom:15px; margin-bottom:15px; }
.footerblock li img { float:left; margin-right:10px; }
.footerblock .link-right { display:block; text-align:right; color:#86c1c5; }
.footerblock a { color:#cee5e9; }
#tg a,#flinks a { font-weight:bold; font-size:13px; }
#tg a:hover,#flinks a:hover { color:#85e2f2; }
#tg span { display:block; color:#33474c; text-shadow:1px 1px rgba(255,255,255,0.3); }
#flinks li { background:none; padding:0; margin:0; }
.mar80 { margin-right:80px; }
.mar90 { margin-right:90px; }
.long { width:290px; }

/* credits */
#credits-wrap { background:url(images/bg_credits.gif) repeat-x; }
#credits { position:relative; font-family:'Droid Sans', sans-serif; font-size:12px; padding:15px 0 3px; }
#credits,credits a { color:#45686e; text-shadow:1px 1px rgba(255,255,255,0.3); }
#credits p { }
#credits #links { position:absolute; top:15px; right:0; }

/* hero */
#hero-wrap { background:url(images/bg_hero.gif); }
#hero-wrap h2 { font-size:60px; color:#fff; margin-bottom: 0; text-shadow: 1px 1px rgba(0,0,0,0.2); }
#hero-wrap h3 { font-size:26px; color:#fff; text-shadow: 1px 1px rgba(0,0,0,0.2); }
#hero { padding:35px 0 45px; height:320px; position:relative; }
.profile { height:70px!important; }
.tour { height:100px !important; padding:20px !important; }
#hero-text { float:left; width:316px; font-size:40px; color:#fff; text-shadow:1px 1px rgba(0,0,0,0.2); }
#hero-text b { display:block; font-size:110px; letter-spacing:-2px; }
#hero-text span { display:block; font-size:19px; font-family:"Droid Sans", sans-serif; line-height:1.4; }
#hero-text a { background:url(images/bg_btn.png) no-repeat; font:italic 28px "Droid Serif", serif; display:block; height:52px; text-align:center; color:#fff; letter-spacing:-1px; margin-top:20px; padding-top:15px; }
.tour-sign-up { position:absolute; top:15px; right:0; display:inline-block !important; width:315px; background:url(images/bg_btn.png) no-repeat; font:italic 28px "Droid Serif", serif; display:block; height:52px; text-align:center; color:#fff; letter-spacing:-1px; margin-top:20px; padding-top:15px; text-shadow: 0 -1px rgba(0,0,0,0.2); }
.tour-sign-up:hover { color:#fff; }

/* slider */
#slider-wrap { float:right; width:530px; height:270px; background:#86a9ae; padding:10px; -moz-box-shadow:0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.2); box-shadow:0 0 3px rgba(0,0,0,0.2); position:relative; }
#slider-pager { position:absolute; top:20px; left:20px; z-index:9999; }
#slider-pager a { display:inline-block; width:10px; height:10px; background:url(images/bg_bullet.png) no-repeat; text-indent:-9999px; margin-right:3px; }
#slider-pager a.activeSlide { background:url(images/bg_bullet.png) no-repeat 0 -14px; }

/* news */
#news-wrap { background:url(images/bg_noise.gif); }
#news { background:url(images/bg_col2.gif) repeat-y center; padding:25px 0; }
#news h3 { font-size:36px; }
.news-list { font-family:"Droid Sans",sans-serif; font-size:13px; }
.news-list li { background:url(images/bg_lst.png) repeat-x bottom; padding:8px 0; }
.tab-list { margin-top:15px; }
.tab-list li { padding:12px 0; }
.tab-list li img { margin-right:20px; }
.news-list a { color:#434343; font-weight:bold; padding-bottom:5px; display:block; font-size:13px; }
.news-list p.more { margin-bottom:0; }
.news-list p.more a { color:#4b7d85; font-size:12px; display:block; text-align:right; }
.news-list p.more a:hover { color:#d03c3c; }
.news-list p { padding-left:40px; }
.news-list img { float:left; margin-right:10px; }
.news-list a:hover { color:#d03c3c; }
.news-list a span { font-weight:normal; padding-top:5px; display:block; font-size:12px; color:#8b8b8b; }

/* recent activity */
#recent-activity { float:left; width:250px; }

/* tabs */
#tabs-wrap { width:280px; float:left; margin:0 0 0 90px; }
.tabs li { float:left; margin-right:25px; }
.tabs li a { font-family:GothamHTFBookCondensed, Helvetica, Arial, sans-serif; color:#cecece; margin-bottom:15px; font-size:36px; text-shadow:1px 1px #fff; }
.tabs li.activetab a { color:#434343; }

/* recent news */
#recent-news { float:right; width:250px; }

/* profile */
#profile-wrap { background:url(images/bg_noise.gif); }
#profile { padding:25px 0; }

/* user profile */
#user-profile { width:300px; color:#fff; position:relative; }
#user-profile img { float:left; }
#user-profile p,#user-profile div { text-align:right; font-family:"Droid Sans", sans-serif; font-size:16px; margin-bottom:8px; float:right; position:relative; }
#user-profile div span,#user-profile p span { font-family:GothamHTFMediumCondensed; font-size:26px; text-shadow:1px 1px rgba(0,0,0,0.2); position:relative; top:3px; }
#user-profile #more { position:absolute; top:11px; right:-22px; width:15px; height:15px; text-indent:-999em; background:url(images/icon_dd.png) no-repeat; text-align:left; }
#dd { display:none; position:absolute; top:35px; left:75px; width:120px; z-index:1000; background:#5e8185 url(images/bg_dd.png) repeat-x; text-align:left; padding:15px 15px 5px; border-top:solid 1px #8eafb3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0 0 2px rgba(0,0,0,0.3); }
#dd a { color:#e6eef0; font-size:13px; display:block; margin-bottom:15px; text-shadow:1px 1px rgba(0,0,0,0.2); }

/* user stats */
#user-stats { position:absolute; top:25px; right:0; color:#fff; }
#user-stats li { float:left; color:#c1d5d9; font:normal 26px GothamHTFBookCondensed, Helvetica, Arial, sans-serif; margin-left:50px; text-transform:uppercase; }
#user-stats li span { display:block; font:normal 67px GothamHTFMediumCondensed, Helvetica, Arial, sans-serif; color:#fff; text-shadow:1px 1px rgba(0,0,0,0.2); }
#trophies span { background:url(images/stats.png) no-repeat 0 14px; padding-left:33px; }
#friends span { background:url(images/stats.png) no-repeat -128px 14px; padding-left:33px; }
#level span { background:url(images/stats.png) no-repeat -235px 14px; padding-left:37px; }

/* boxes */
.row { padding:15px 0; }
.box h3 { display:block; position:relative; background:#597e83 url(images/bg_title.png) repeat-x; color:#fff; font:normal 17px GothamHTFMediumCondensed, Helvetica, Arial, sans-serif; text-transform:uppercase; margin-bottom:0; text-shadow:1px 1px rgba(0,0,0,0.2); padding:10px 20px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
.box-content { background:#86a9ae; height:280px; border-color:#8fb0b4; border-width:1px 5px 5px; border-style:solid; padding:15px; color:#fff; font-family:"Droid Sans", sans-serif; }
.box-content a { display:block; font-weight:bold; color:#fff; text-shadow:1px 1px rgba(0,0,0,0.2); padding-bottom:5px; }
.box-content a:hover { color:#b7eff9; }
.box-content p { font-size:13px; line-height:1.3; }
.floatleft { float:left; }
.floatright { float:right; }
.onethird { width:300px; height:354px; margin-right:30px; }
.onehalf { width:465px; }
.last { margin-right:0; }
.box .orange { background:#d28929 url(images/bg_title.png) repeat-x; }
.box .red { background:#b2442b url(images/bg_title.png) repeat-x; }
.box .blue { background:#4baecb url(images/bg_title.png) repeat-x; }
.box .green { background:#9db06a url(images/bg_title.png) repeat-x; }
.box .toggle { display:block; width:14px; height:14px; background:url(images/icons_arrows.png) no-repeat; text-indent:-9999px; position:absolute; top:13px; right:15px; }
.box .closed { background:url(images/icons_arrows.png) no-repeat 0 -19px; }
.relative li { position:relative; padding:10px 0; margin-bottom:5px; background:url(images/bg_reldiv.png) repeat-x bottom; }
.relative p { position:absolute; top:10px; right:0; }
#progress { background:url(images/bg_reldiv.png) repeat-x top; padding-top:10px; }
#progress h4 { color:#fff; margin-bottom:5px; }
.pb { float:right; width:180px; margin-right:35px; }
.pt { position:absolute; top:9px; right:0; }
#progress p, .pb { background:url(images/bg_progress.gif) repeat-x; height:15px; margin-bottom:0; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
#progress p span, .pb span.pg { float:left; display:block; height:15px; background:url(images/bg_span.gif) repeat-x; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
.view-all { display:inline-block; width:105px; height:35px; background:url(images/btn_viewall.png) no-repeat; text-indent:-9999px; position:relative; top:-30px; left:15px; }

/* notifications */
.notification { padding:10px 20px; color:#fff; text-shadow:1px 1px rgba(0,0,0,0.2); -moz-box-shadow:0 0 3px rgba(0,0,0,0.2); }
.success { background:#4abc68; border:solid 3px #6aca83; }
.warning { background:#e6b156; border:solid 3px #ecbe6f; }
.error { background:#ca4141; border:solid 3px #df5555; }

/* breadcrumbs */
#bc { font:normal 12px 'Droid Sans', sans-serif; border-bottom:solid 1px #ebf2ec; padding-bottom:20px; margin-bottom:10px; }
#bc a { display:inline-block; background:#dfe2e5; padding:2px 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-left:5px; color:#778f91; }

/* notice */
#notice { background:#ebebeb; border:solid 1px #c2c5c6; padding:30px 50px; margin:25px 0 10px; border-radius:5px; box-shadow:inset 0 0 20px rgba(0,0,0,0.1); font:bold 14px 'Droid Sans', sans-serif; color:#5a7579; text-shadow:1px 1px #fff; position:relative; }
#notice p { margin-bottom:0; width:600px; float:left; }
.btn-signup { display:inline-block; width:182px; height:41px; text-indent:-999em; background:url(images/btn_signup.png) no-repeat; float:right; }

/* top-search */
#top-search { float:left; margin:0 0 0 15px; background: url(images/bg_sep.png) repeat-y; width:200px; height:33px; padding:8px 0 0 15px; }
#top-search input {  padding:5px; height:15px; color:#92b2b7; border:none; width:150px; background: #5c7b80 url(images/bg_s.png) no-repeat 140px 4px; }

/* apps */
#generic-wrap { position:relative; margin-top:30px; font:normal 13px 'Droid Sans', sans-serif;}
.apps { position:absolute; top:10px; right:0; }
.apps select { width:180px; margin-left:10px; }

/* table */
.tbl { width:100%; }
.tbl th { background: #85aaae; color:#fff; font-family:GothamHTFMediumCondensed, Helvetica, Arial, sans-serif; font-size:19px; font-weight:normal; padding:8px; border-right:solid 1px #6e898d; border-left:solid 1px #9ab8bc; border-collapse: collapse; text-shadow: 1px 1px rgba(0,0,0,0.1); }
.tbl th.last { border-right:solid 1px #6e898d; }
.tbl td { text-align: center; padding:10px 0; background: #eeeeee; border-bottom:solid 1px #c1c2c2; border-right:solid 1px #c1c2c2; border-left:solid 1px #fff; border-top:solid 1px #fff; }
.tbl tr.even td { background:#e7e7e7;  }

/* general */
.generic-col { float:left; width:280px; margin-right:60px; font:normal 13px/21px Georgia, serif; }
.generic-col p { margin-bottom:15px; }
.generic-col img { padding:5px; background: #fff;  -moz-box-shadow:0 0 4px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);box-shadow:0 0 4px rgba(0,0,0,0.2); }
.last-col { margin-right:0; }
.generic-col-full { float:none; clear:both; font:normal 13px/21px Georgia, serif; padding-top:30px; }
.generic-col-full img { padding:5px; background: #fff; box-shadow:0 0 4px rgba(0,0,0,0.2); }

/* steps */
.step { padding:30px 80px; margin-bottom:50px; }
.step:hover { background: #f7f9f6; background: rgba(0,0,0,0.02); }
.step a { color:#067eb0; }
.step h3 { display:block; padding:3px 0 3px 42px; }
.step-image { float:left; width:280px; }
.reverse .step-image { float:right; }
.step-image img { background: #fff; padding:5px; -moz-box-shadow:0 0 4px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);box-shadow:0 0 4px rgba(0,0,0,0.2); }
.step-text { float:right; width:510px; }
.reverse .step-text { float:left; }
.step-text span { display:block; margin:0 auto; padding-top:6px; margin-bottom:10px; width:42px; height:42px; background: url(images/bg_step_inactive.png) no-repeat; text-align: center; color:#6e898d; font-size:28px; text-shadow: 1px 1px rgba(0,0,0,0.2); }
.step:hover .step-text span { background: url(images/bg_step_active.png) no-repeat; color:#fff; }
.step-text p { color:#434343; font-size:14px; line-height: 1.2; }
.step1 h3 { background: url(images/icon_create.png) no-repeat; }
.step2 h3 { background: url(images/icon_download.png) no-repeat; }
.step3 h3 { background: url(images/icon_install.png) no-repeat 0 5px; }
.step4 h3 { background: url(images/icon_stats.png) no-repeat; }
.tour-action { border-top:solid 1px #dcdcd8; padding-top:30px; }
.tour-action a { margin:0 auto; display:block; width:232px; padding-top:12px; height:42px; background: url(images/bg_tour_action.png) no-repeat; text-align: center; font: italic 20px Georgia,serif; color:#fff; text-shadow: 0 -1px rgba(0,0,0,0.2); }

/* trophy */
.trophy-details { width:500px !important; }
.trophy-details div, .trophy-details p { text-align: left !important; float:left !important; margin-left:15px !important;}
.trophy-apps { width:400px; }
.trophy-apps span { display:inline-block; font-size:16px !important; position:relative; top:0 !important; font-family: GothamHTFBookCondensed !important; }
.trophy-icon { position:absolute; top:8px; left:18px; }
.trophy-notice h4 { font:bold 14px 'Droid Sans', sans-serif !important; color:#5a7579; text-shadow:1px 1px #fff; margin-bottom:5px; }
.trophy-notice p { font-weight:normal; font-size:13px; }
.trophy-notice-icon { position:absolute; top:0; right:-50px; }

/* trophies won by */
.won img { float:left; margin-right:15px; margin-top:-7px; }